<!--
 * @Author: 布胖 3075981427@qq.com
 * @Date: 2025-09-12 15:02:35
 * @LastEditors: 布胖 3075981427@qq.com
 * @LastEditTime: 2025-09-22 16:37:46
 * @FilePath: \前端代码仓库\项目\登录页\登录页.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!--
 * @Author: 布胖 3075981427@qq.com
 * @Date: 2025-09-12 15:02:35
 * @LastEditors: 布胖 3075981427@qq.com
 * @LastEditTime: 2025-09-15 08:59:00
 * @FilePath: \前端代码仓库\项目\登录页\登录页.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米商场登录页面</title>
    <link rel="stylesheet" href="./登录页.css">
    <link rel="icon" href="../img/logo1">
</head>
<body>
    <div>
        <div style="width: 100%;height: 700px; display: flex;">
            <div class="zuobufen"></div>
            <div class="youbufen">
                <div class="you-shangbufen">
                    <div class="you-shang-zuobufen">
                        <div class="logo"><img class="logo-tupian" src="../img/logo1" alt="重新加载图片"></div>
                        <p class="xiaomishangchang">小米账号</p>
                    </div>
                    <div class="you-shang-youbufen">
                        <a href="#" style="color: #7B797B;" class="you-shang-youbufen-wenzi">用户协议</a>
                        <a href="#" style="color: #7B797B;" class="you-shang-youbufen-wenzi">隐私政策</a>
                        <a href="#" style="color: #7B797B;" class="you-shang-youbufen-wenzi">帮助中心</a>
                        <div class="zhongwenhuojianti">中文（简体）</div>
                    </div>
                </div>
                <div class="you-xiabufen">
                    <div class="denglukuang">
                        <div class="denglukuang-shangbufen">
                            <div class="denglukuang-shangbufen-wenzi" style="color: aliceblue;">登录</div>
                            <div class="denglukuang-shangbufen-wenzi"><a href="../注册页/注册页.html" style="color: #bbb;">注册</a></div>
                        </div>
                        <form action="#">
                            <div class="denglukuang-zhjianbufen">
                                <div class="zhanghaoshurukuang">
                                    <input style="padding-left: 10px;" type="text" class="yonghushuruqu" placeholder="邮箱/手机号码/小米ID">
                                </div>
                                <div class="mimashurukong">
                                    <input style="padding-left: 10px;" type="password" class="yonghushuruqu" placeholder="输入密码">
                                </div>
                                <div class="gouxuankuang" style="margin-top: 20px;">
                                    <input type="checkbox">
                                    <span>我已阅读并同意小米账号
                                        <a href="#" style="text-decoration: underline;">使用协议</a>
                                        <span>和</span>
                                        <a href="#" style="text-decoration: underline;">隐私政策</a>
                                    </span>
                                </div>
                                <a href="#"><input class="annv" type="button" value="登录" style="margin: 20px 0 10px 0;"></a>
                                <!-- <a href="#"><input class="annv" type="button" value="注册" style="margin: 20px 0 10px 0;"></a> -->
                                <div class="qitaxuanxiang">
                                    <div class="wangjimima"><a href="#" style="color: #FF5C00;">忘记密码?</a></div>
                                    <div class="shoujihaodenglu" ><a href="#" style="color: #FF5C00;">手机号登录</a></div>
                                </div>
                            </div>
                            <div class="denglukuang-xiabufen">
                                <h3 style="text-align: center;color: #bbb;">其他方式登陆</h3>
                                <div class="xiaotubiaoqu" style="height: 50px;text-align: center;">
                                    <div class="xiaotubiaoqu2"><img class="xiaotubiao" src="../img/支付宝高清.png" alt="重新加载图片"></div>
                                    <div class="xiaotubiaoqu2"><img class="xiaotubiao" src="../img/微信.png" alt="重新加载图片"></div>
                                    <div class="xiaotubiaoqu2"><img class="xiaotubiao" src="../img/QQ.png" alt="重新加载图片"></div>
                                    <div class="xiaotubiaoqu2"><img class="xiaotubiao" src="../img/微博.png" alt="重新加载图片"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="yejiao" style="color: #7B797B;text-align: center;">小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>